<!doctype html>
<!--
Copyright 2016 The Chromium Authors. All rights reserved.
Use of this source code is governed by a BSD-style license that can be
found in the LICENSE file.
-->
<html>
  <head>
    <style>
      .docs-text-ui-cursor-blink {
        -webkit-animation-duration: 10s;
        animation-duration: 10s;
        -webkit-animation-iteration-count: infinite;
        animation-iteration-count: infinite;
        -webkit-animation-name: docs-text-ui-fadeoutin;
        animation-name: docs-text-ui-fadeoutin;
      }

      @-webkit-keyframes docs-text-ui-fadeoutin {
        from {
          /* opacity: 0.95 */
          opacity: 1
        }

        /*
        13% {
          opacity: 0
        }
        */

        50% {
          opacity: 0
        }

        /*
        63% {
          opacity: 1
        }
        */

        to {
          /* opacity: 0.95 */
          opacity: 1
        }
      }

      @keyframes docs-text-ui-fadeoutin {
        from {
          /* opacity: 0.95 */
          opacity: 1
        }

        /*
        13% {
          opacity: 0
        }
        */

        50% {
          opacity: 0
        }

        /*
        63% {
          opacity: 1
        }
        */

        to {
          /* opacity: 0.95 */
          opacity: 1
        }
      }

      .kix-cursor {
        cursor: text;
        position: absolute;
        z-index: 24
      }

      .kix-cursor-caret {
        position: absolute;
        width: 0px;
        border-left: 2px solid;
        font-size: 0
      }

      .kix-cursor-top {
        position: absolute;
        width: 6px;
        left: -2px;
        top: -2px;
        height: 6px;
        font-size: 0
      }

      .kix-cursor-name {
        position: absolute;
        font-size: 10px;
        color: #fff;
        top: -14px;
        left: -2px;
        padding: 2px;
        white-space: nowrap
      }

    </style>

  </head>
  <body>
    <div style="position: absolute; width: 500; height: 200; left: 20; top: 20; outline: 1px solid black; transform: translatez(0); -webkit-transform: translatez(0);">
      <div class="kix-cursor docs-ui-unprintable docs-text-ui-cursor-blink" style="opacity: 0.95; left: 448px; top: 105px;">
        <div class="kix-cursor-caret" style="border-color: rgb(0, 0, 0); height: 17.6px;"></div>
        <div class="kix-cursor-top" style="opacity: 0; display: none;"></div>
        <div class="kix-cursor-name" style="opacity: 0; display: none;"></div>
      </div>
    </div>
  </body>
</html>
